<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd" >

<!--
* The Trustees of Columbia University in the City of New York
* licenses this file to you under the Educational Community License,
* Version 2.0 (the "License"); you may not use this file
* except in compliance with the License. You may obtain a copy of the
* License at:
*
* http://opensource.org/licenses/ecl2.txt
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
-->

<wicket:head>
    <style>
        table.wicket-tree-content {
            width: 100%;
        }
        form {
            margin: 0px; padding: 0px;
        }
        div.wicket-tree-table{
            margin: 10px 0;
            width: 100%;
            color: black;
        }
        div.my-tree div.wicket-tree-table-body {
            height: 20em;
        } 
        div.wicket-tree-table a{
        	float: none !important;
        }
        div.my-tree{
        	width: 100%;
        	overflow: auto;
        }
        div.header{
        	height: auto !important;
        	white-space: normal !important;
        	padding-right: 0 !important;
        }
        div.header > div {
        	width: 100% !important;
        }
        div.header div span.b_{
        	height: auto !important;
        }
        
        div.header div span.b_ span.c_{
    		height: auto;
		}
		
		div.header div span:first-child {
			margin-right: 6px;
		}
		
		div.wicket-tree-table div.row-selected{
			background-color: #FFF !important;
		}
		div.wicket-tree-table div.row-selected a.node-link span{
			font-weight: normal !important;
		}
		
		div.wicket-tree-table div.wicket-tree-table-body .row:hover{
 			background: #FFFFCC !important;
		}

		div.wicket-tree-table div.wicket-tree-table-body .row-selected:hover{
 			background: #FFFFCC !important;
		}
		
		.filterMatch{
			background-color: yellow;
		}
		
		.delegatedAccessTree .row {
			margin: 0;
		}
    </style>
</wicket:head>


<body>
<wicket:extend>
	<div wicket:id="formFeedback" id="formFeedback">[formFeedback]</div>
	<br/>
	<div class="lead">
		<span><wicket:message key="editUsersTitle"/></span><span wicket:id="userName"></span>
		<span class="text-info"><a href="#" onclick="$('.text-info').toggle();"><span class="bi bi-info-circle" aria-hidden="true"></span></a></span>
	</div>
	<div class="text-info" style="display: none"><a href="#" onclick="$('.text-info').toggle();"><wicket:message key="hideInstructions"/></a></div>	
	<span class="text-info information" style="white-space: normal; display:none">
		<p wicket:id="editUsersInstructions"></p>
		<p wicket:id="editUsersInstructions_accessAdmin"></p>
		<p wicket:id="editUsersInstructions_shoppingAdmin"></p>
		<p wicket:id="editUsersInstructions_siteAccess"></p>
		<a href="#" onclick="$('.text-info').toggle();" style="float: right;"><span class="bi bi-x" aria-hidden="true"></span></a>
	</span>
	<form wicket:id="filterform">
		<div style="padding-bottom: 1.8em;">
			<div style="float:left;">
				<a wicket:id="expandAll"><span wicket:id="expandCollapse">Expand All Nodes</span></a>
			</div>
			<div style="float:right;">
				<b><wicket:message key="filterBy"/>:</b>
				&nbsp;
				<wicket:message key="hierarchyLevel"/>:
				&nbsp;
				<select wicket:id="filterHierarchyLevel">
					<option>School</option>
					<option>Department</option>
				</select>				
				&nbsp;
				<input wicket:id="filterSearch"/>
				&nbsp;
				<input wicket:id="filterButton" type="submit"/>
				&nbsp;
				<input wicket:id="filterClearButton" type="button"/>
			</div>
		</div>
	</form>
	<form wicket:id="form">
        <div wicket:id="treeTable" class="my-tree delegatedAccessTree">
        </div>
        <input wicket:id="update" type="submit" value="Save" /> &nbsp; <input wicket:id="cancel" type="submit" value="Cancel" />
    </form>
	<div wicket:id="formFeedback2" id="formFeedback2">[formFeedback]</div>
	
</wicket:extend>
</body>
</html>
